<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		/*选中状态*/
		input[type=radio]:checked+label {
			background: green;
			color: #ffffff;
		}

		/*启用状态*/
		input[type=text]:enabled {
			background: #0cc;
		}

		/*禁用状态*/
		input[type=text]:disabled {
			background: #999;
		}

		/*选中状态*/
		p::selection {
			background: green;
			color: orange;
		}

		p::-moz-selection {
			background: green;
			color: orange;
		}
	</style>
</head>
<body>
	<input type="radio" name="sex" id="boy">
	<label for="boy">男</label>
	<input type="radio" name="sex" id="girl">
	<label for="girl">女</label>
	
	<br>
	<input type="text" value="请输入用户名">
	<br>
	<input type="text" value="请输入密码" disabled>

	<p>这是一个段落文字的内容，选中文字反色状态</p>
</body>
</html>